$(function() {

    //
    /*    $('a').click(function() {
          /*  //$('a').hover(function(){},function(){})
           console.log(this);
           console.log($(this).parent());
           $(this).parent().css('display', 'none').siblings().css('display', 'block');
           // $(this).parent().hide().siblings().show();

           $(this).css('color', 'red'); //.siblings().css('dispaly', 'block') 

       }) */
    /* 1. 点击隐藏 切换区域*/
    $('#regbox a').click(function() {
        $('.regboxing').hide();
        $('.setboxing').show();
    })
    $('#setbox a').click(function() {
        $('.setboxing').hide();
        $('.regboxing').show();
    })


    /* 2.自定义表单验证规则 */
    console.log(layui.form);
    let form = layui.form;
    form.verify({


        //验证信息有两种方法
        //1.对象的方法
        //2.函数的方法

        //1.对象的方法
        usename: [
            /^[\S]{2,6}$/, '账号名必须2到6位,且不能出现空格'
        ],
        pwd: [
                /^[\S]{6,12}$/, '密码必须6到12位,且不能出现空格'
            ]
            //2.函数方法验证再次输入的密码
            ,
        repwd: function(value) {
            //  return 11;
            let pwd = $('#setboxing input[name=password]').val();
            let repwd = $('#setboxing input[name=repassword]').val();

            //当密码不相同的时候才进行报错
            if (repwd !== pwd) {

                return '确认密码与密码不匹配';
            }

        }


    });

    console.log($('#setbox'));
    /* 进行注册功能 使用axios*/
    $("#setbox").on('submit', function(e) {


            //console.log(this.serlize());
            e.preventDefault()
            console.log(1);
            let data = $('#setbox').serialize();
            console.log($('#setbox').serialize());
            axios({
                method: 'POST',
                url: '/api/reguser',
                data: data
            }).then(res => {
                if (res.data, data.status == 1) {
                    return layui.layer.msgmsg(res.data.message);
                }
                //创建成功时提示
                layui.layer.msg("创建成功")
                    //将表单中值设成空值 DOM元素中对表单清空的方法   resent()


                $('#setbox')[0].reset();
                //创建成功后返回登录表单
                $('#setbox a').click()


            })
        })
        // console.log($('#setbox a')[0]);

    //登录功能
    console.log($('#regbox'));
    $("#regbox").on('submit', function(ev) {
        ev.preventDefault();
        console.log(1);
        axios({
            method: 'POST',
            url: '/api/login',
            data: $("#regbox").serialize(),
        }).then(function(res) {
            console.log(res);
            if (res.data.status !== 0) {
                return layui.layer.msg(res.data.message);
            }
            layui.layer.msg("登录成功");
            //跳转到 index
            window.location.href = './index.html'
                //存储taken
            console.log(res.data.token);
            localStorage.setItem('token', res.data.token)

        })


    })

})